<template>
	<div v-loading="loading" :style="'height:' + height">
		<iframe
			:src="src"
			frameborder="no"
			style="width: 100%; height: 80vh"
			scrolling="auto"
		/>
	</div>
</template>

<script lang="ts" name="Druid" setup>
import {ref, onMounted} from 'vue';
const loading = ref < boolean > (true);
const height = ref < string > ('');
const src = ref < string > ('http://localhost:8080/druid/login.html');

onMounted(() => {
	setTimeout(() => {
		loading.value = false;
	}, 300);
	window.onresize = function temp() {
		height.value = document.documentElement.clientHeight - 94.5 + 'px;';
	};
});
</script>
